<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>测试sessionStorage</title>
    <script type="text/javascript"> 
        window.onload = function() { 
            sessionStorage.setItem("data", new Date().getTime()); 
            //alert("当你关闭此页面或者关闭浏览器的时候，sessionStorage中保存的数据才会消失，也就是说重新打开此页面的时候，点击获取数据，将不会显示任何数据，刷新页面无效。\r\n由此可以证明，sessionStorage的生命周期为，某个用户浏览网站时，从进入到离开的这段时间。")       
            
            //首先获得body中的3个input元素 
            var getData = document.getElementById("getData");
            getData.onclick = function() { //获取数据 
                var msg = sessionStorage.getItem("data"); 
                if(msg) { 
                    console.log("data字段中的值为：" + msg); 
                }else { 
                    console.log("data字段无值！"); 
                } 
            } 
        }
        window.onbeforeunload=function (){
            alert("===onbeforeunload===");
            if(event.clientX>document.body.clientWidth && event.clientY < 0 || event.altKey){
                alert("你关闭了浏览器");
            }else{
                alert("你正在刷新页面");
            }
        }
    </script> 
</head> 
<body> 
    <input id="getData" type="button" value="获取数据"/> 
    <a href="test2.html">跳转同域名下的页面11111</a>

    <a href="http://xiaailin.oschina.io/test/test2.html">跳转同域名下的页面22222</a>

    <a href="http://molian.oschina.io/study_test/test.html">跳转molian域名下的页面</a>

</body> 
</html>